/* CSS Document */
/*重置样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button,span{padding:0;margin:0;}
body{background:#fff url(../images/bg_02.jpg) repeat-x top; font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;color:#333;}
fieldset,img{border:0;}
input, label, select, option, textarea, button, fieldset, legend{ font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;}
ul{list-style:none;}

img,span{ vertical-align:top;}



/*浮动样式*/
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{ content:'.'; clear:both; display:block; height:0; visibility:hidden; line-height:0;}
.clearfix{ zoom:1;}


.w1000{ width:1000px; margin:auto;}

a {outline: none; color:#999; text-decoration:none;}
a:active {star:expression(this.onFocus=this.blur());}
a:hover{ color:#2059ab; text-decoration:underline;}
:focus { outline:0; }


/*----------------------头部样式------------------------------*/
.header{ width:1000px; height:148px; margin:auto;}
	.top_right{ float:right; height:65px; margin-top:28px;}
		.top_right p{ width:auto; padding-left:120px; margin-bottom:3px;}
		.top_right p a{ padding-left:10px; background:url(../images/top_05.jpg) no-repeat left center; line-height:26px; text-transform:uppercase; margin-left:15px;}
		.Search{ width:253px; _width:263px; height:34px;}
		.Search .s1{ background: url(../images/Search_03.jpg) no-repeat; width:29px; height:34px;}
		.Search .s2{ background: url(../images/Search_05.jpg) repeat-x; width:148px; height:34px;}
		.Search .s2 input{ border:none; background:none; width:148px; height:34px; line-height:34px; _line-height:32px;color:#818080; text-indent:5px;}
		.Search .s3{ background: url(../images/Search_07.jpg) no-repeat; width:13px; height:34px;}
		.Search .s4{ background: url(../images/Search_09.jpg) no-repeat; width:58px; height:34px; margin-left:5px;}
		.Search .s4 input{ background:none; width:58px; height:34px; border:none; cursor:pointer;}
		
	.nav{ width:1000px; margin-top:20px;}
	.nav li{ float:left; width: auto; margin-right:30px; text-align:center;}
	.nav li a{ font-family:"微软雅黑"; font-size:14px; color:#333; display:block;  padding:18px 25px;}
	.nav li a:hover{ border-bottom:5px solid #2059ab; text-decoration:none; color:#2059ab;}
	.nav li a.current{ border-bottom:5px solid #2059ab; text-decoration:none; color:#2059ab;}
	
	
/*-------------底部样式---------------*/
.bottom{ background:#f2f2f2; height:42px; line-height:42px; color:#999; margin-top:40px;}
	.footer{ width:1000px; margin:auto;}
	
	
	
/*内页banner*/
.sub_banner{ width:1000px; margin:auto; margin-top:25px; _margin-top:1px;}


/*-----------------内页内容-------------------*/
.sub_content{ width:1000px; margin:auto; font-family:"微软雅黑"; font-size:12px; margin-top:40px; padding-bottom:60px;}
	.con_left{ width:250px; height: auto;}
	.con_left h3{ font-size:18px; color:#2059ab; border-bottom:1px solid #e5e5e5; width:250px; text-indent:20px;}
	.con_left h3 span{ font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; line-height:30px; color:#999; font-weight:normal;}
	.about_left_cen{width:224px; height:auto; min-height:370px;}

/**内页左侧导航样式**/
#menu1{width:250px; height:auto; min-height:370px; margin:auto; border-right:1px solid #e5e5e5; padding-top:15px;}
	#menu1 h1{cursor:pointer; color: #333; width:224px; height:36px; line-height:36px; font-size:12px; font-weight:normal; margin-left:20px; text-indent:10px;}
	#menu1 h2{cursor:pointer;color:#333; padding-left:45px; width:204px; font-size:12px; line-height:24px; font-weight:normal;}
	.no{display:none;}
	#menu1 h1 a:hover{color:#ff7700; background: url(../images/about_07.jpg) no-repeat left center;}
	#menu1 h2 a:hover{color:#ff7700; text-decoration:underline;}
	#menu1 a{color:#333; font-size:13px; text-align:left; display:block; text-decoration:none;}
	#menu1 h1 a.Current{color:#ff7700; background: url(../images/about_07.jpg) no-repeat left center;}
	
	
.con_right{ width:725px;}
.con_right h4{ font-size:18px; color:#2059ab; height:30px; line-height:30px; font-weight:normal; border-bottom:1px solid #e5e5e5; margin-bottom:25px;}
/*关于我们*/
.about{ line-height:24px;}
/*产品展示*/
.products{ width:725px;}
	.img_pro{ width:725px;}
		.img_pro li{ float:left; text-align:center; margin-right:26px; padding-bottom:45px;}
		.img_pro li img{ width:218px; height:158px; border:1px solid #e9e9e9;}
		.img_pro li p{ width:224px; height:55px; background:url(../images/Content_43.jpg) no-repeat top; padding-top:26px; line-height:18px; color:#999;}
		.img_pro li p a{ color:#000;}
		
/*产品详情页*/
.subproducts{ width:725px;}
	.sub_pro{ border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:70px;}
	.sub_pro li{ float:left; margin-right:14px; margin-bottom:35px;}
	.sub_pro li img{ width:225px; height:120px; border:1px solid #e6e6e7;}
	.sub_pro li p{ text-align:center; font-size:14px; line-height:24px;}
		
		
	
	/*放大镜*/
	/*
 * Title: jQuery Etalage plugin CSS
 * Author: Berend de Jong, Frique
 * Author URI: http://www.frique.me/
 * Version: 1.3.1 (20120705.1)
 *
 * ------------------------------------ STYLE ------------------------------------
 * Edit this section to style your thumbnails, zoom area, magnifier etc.
 * If the id of your Etalage instance is different, do a find/replace on #etalage.
 * -------------------------------------------------------------------------------
 */

/* Etalage container (large thumb + small thumbs): */
#etalage{
	display: none;
	margin-bottom: 50px;
}

/* Large thumbnail: */
#etalage .etalage_thumb{
	width:345px; height:250px; border:1px solid #e4e4e4;}
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#etalage .etalage_thumb_image{ }

/* Small thumbnails: */
#etalage .etalage_small_thumbs li{ border:1px solid #e4e4e4;
	margin: 10px;
}


/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{
	background: url(../images/zoom.png) no-repeat;
	width: 14px;
	height: 14px;
}

/*
 * ------------------------------------ FUNCTIONALITY --------------------------------------
 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
 * -----------------------------------------------------------------------------------------
 */

.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none;}
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative;}
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left;}
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }

		.Magnifier{ font-family:"微软雅黑"; font-size:12px; color:#999; padding-bottom:40px;}
	    .Magnifier .left_subpro{ width:390px;}
		.Magnifier .right_subpro{ width:285px;}
		.Magnifier .right_subpro ul{ width:300px;}
		.Magnifier .right_subpro ul li{ border-bottom:1px solid #e5e5e5; height: auto; line-height:30px;}
		.Magnifier .right_subpro ul li.r1{ font-size:24px; color:#f17000; height:60px; line-height:28px;}
		.Magnifier .right_subpro ul li.r1 span{ font-size:14px; color:#999;}
	
	
	
/*产品规格*/
#Tab1 {width:710px;	margin:0px;	padding:0px;}
.Menubox{width:710px; height:24px; border-bottom:1px solid #eaeaea;}
.Menubox li{float:left; display:block; cursor:pointer; width:69px; height:24px; line-height:24px; text-align:center; color:#666666; font-family: "微软雅黑"; font-size:12px; margin-right:8px;}
.Menubox li.hover1{ background:#eaeaea; width:69px; height:24px;}
.Menubox li.hover{ background:#40add4; width:69px; height:24px;  color:#fff;}
.Contentbox{clear:both; margin:auto;  margin-top:15px;width:690px; height:auto;}
.Contentbox p{ font-family: "微软雅黑"; font-size:15px; color:#666; line-height:24px; background:url(../images/cdfgdgfg_03.png) no-repeat left center; text-indent:15px;}
.Contentbox p img{ background: none;}


/*下载页面*/
.download{ width:725px;}
	.down{ width:666px; margin:auto;}
	.down li{ height:39px; border-bottom:1px solid #eeeeee; line-height:40px; color:#666;}
	.down li span{ background:url(../images/down_03.jpg) no-repeat left center; text-indent:15px;}
	.down li a{ color:#f17000; text-decoration:underline; padding-right:40px;}
	
/*新闻页面*/
.news{ width:725px;}
	.new_a{ width:725px; height:155px; border-bottom:1px dashed #bbbbbb; margin-bottom:25px;}
	.new_a dt{ float:left; width:210px;}
	.new_a dd{ float: left; width:505px; line-height:22px; color:#999;}
	.new_a dd.n1{ margin-bottom:10px;}
	.new_a dd.n1 a{ font-size:14px; color:#333;}
	.new_a dd.n1 a:hover{ color:#f17000;}
	.new_a dd.n1 span{ color:#ccc; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	
	.news_List{ width:705px;}
	.news_List li{ line-height:30px;}
	.news_List li a{ background:url(../images/NEWS_07.jpg) no-repeat left center; text-indent:10px; color:#7a7a7a;}
	.news_List li a:hover{ color:#2059ab;}
	.news_List li span{ font-family:Arial, Helvetica, sans-serif; color:#999;}
	
/*新闻详情页*/
.sub_news{ text-align:center; color:#333; font-size:16px; height:60px; line-height:24px; border-bottom:1px dashed #bbbbbb;}
.sub_news span{ font-family:Arial, Helvetica, sans-serif; color:#cccccc; font-size:12px;}
.sub_new{ line-height:22px; color:#999; padding-top:20px; padding-bottom:20px; border-bottom:1px dashed #bbbbbb; margin-bottom:40px;}
.news a{ color:#f17000; line-height:24px;}


/*人才招聘*/
.People{ width:725px;}
	.title{ background:#f5f5f5; width:695px; height:auto; padding:25px 0px 25px 30px;}
	.title span{ color:#2059ab; font-size:18px; line-height:37px;}
	.title p{ line-height:34px; width:672px; color:#999;}
	.sub_per{ width:725px; color:#666; line-height:20px; margin-top:25px;}
	.sub_per dt{ border:1px solid #d6e6f0; background:#edf7ff; width:723px; height:23px; line-height:23px;}
	.sub_per dt span{ color:#2059ab; padding-left:25px; background:url(../images/person_06.jpg) no-repeat left center;}
	.sub_per dd{ margin-top:15px;}
	.sub_per dd span{ color:#1b1b1b; margin-right:50px;}